<template>
	<view class="u-page">
		<!--相册列表-->
		<view class="album__content" >
			<image :src="urls2[0]" ></image>
		</view>
		
   <view class="u-demo-block">
        <view class="album">
          <view class="album__content">
            <u-album :urls="urls2" :rowCount="4"></u-album>
          </view>
        </view>
    </view>
	</view>
</template>


<script>
    export default {
        data() {
            return {
                albumWidth: 0,
                urls2: [
                    'https://cdn.uviewui.com/uview/album/1.jpg',
                    'https://cdn.uviewui.com/uview/album/2.jpg',
					'https://cdn.uviewui.com/uview/album/3.jpg',
					'https://cdn.uviewui.com/uview/album/4.jpg',
					'https://cdn.uviewui.com/uview/album/5.jpg',
					'https://cdn.uviewui.com/uview/album/6.jpg',
					'https://cdn.uviewui.com/uview/album/7.jpg',
                ],
            }
        }
    }
</script>

<style  lang="scss">
    .album {
        @include flex;
        align-items: flex-start;


        &__avatar {
             background-color: $u-bg-color;
             padding: 5px;
             border-radius: 3px;
         }
    
        &__content {
             margin-left: 10px;
             flex: 1;
         }
	}
</style>